{include file='header.html'}


{include file='shop_product/nav.html'}
<div class="rbox">
<ul class="nav nav-tabs" id="myTab" style="margin-top:10px;">
<li class="active"><a href="#p_base"  data-toggle="tab" >基本信息</a></li>
<li><a href="#p_other"  data-toggle="tab" >扩展信息</a></li>
<li><a href="#p_attr"  data-toggle="tab" >属性信息</a></li>
  
</ul>
{if $data.catid}
<p class="index-hd"><a href="/index.php?m=shop_product&a=show&shopid={$data.shopid}&id={$data.id}" target="_blank" class="btn btn-success">查看前台</a></p> 
{/if} 
<form method="post" id="data-form" action="{$appadmin}?m=shop_product&a=save">
<input type="hidden" name="id" value="{$data.id}" />
<div class="tab-content"> 
<div class="tab-pane active" id="p_base"> 
<table width="100%" border="0" class="table table-bordered">
  <tr>
    <td width="100" align="right"> 标题：</td>
    <td width=""><input name="title" type="text" id="title" value="{$data.title}" size="80"></td>
  </tr>
  <tr>
    <td align="right">分类：</td>
    <td>
    <select name="catid" id="catid" class="w150">
    <option value="0">请选择</option>
    {foreach item=c from=$cat_list}
                <option value="{$c.catid}" {if $data.catid eq $c.catid} selected="selected"{/if}>{$c.cname}</option>
                {foreach item=c_2 from=$c.child}
                	<option value="{$c_2.catid}" {if $data.catid eq $c_2.catid} selected="selected"{/if} class="o_c_2">|__{$c_2.cname}</option>
                    {foreach item=c_3 from=$c_2.child}
                    <option value="{$c_3.catid}" {if $data.catid eq $c_3.catid} selected="selected"{/if} class="o_c_3"> |____{$c_3.cname}</option>
                    {/foreach}
                {/foreach}
                {/foreach}
    </select>
    
    
    
    </td>
  </tr>
  
  <tr>
    <td align="right">封面图片：</td>
    <td>
    <div id="up1" url="/index.php?m=upload&a=uploadtao&dir=shop_product&id={$data.id}">
    	<div class="btn-upload">
          <input type="file" name="upimg" id="ud"  class="btn-upload-file" onChange="uploadimg('up1')">
         </div>
 
          <input type="hidden" name="imgurl" class="imgurl" value="{$data.imgurl}">
          <span class="imgShow">
          {if $data.imgurl}
          <img src="{$data.imgurl|images_site}.100x100.jpg">
          {/if}
          </span>
      </div>
      </td>
  </tr>
  
  <tr>
    <td align="right">seo关键字：</td>
    <td><input name="keywords" type="text" id="keywords" value="{$data.keywords}" class="w600" /></td>
  </tr>
  <tr>
    <td align="right">seo描述：</td>
    <td><textarea name="description" id="description" class="w600 h40">{$data.description}</textarea></td>
  </tr>
  <tr>
    <td align="right">内容：</td>
    <td><script type="text/plain" id="content" name="content" >{$data.content}</script></td>
  </tr>
  
</table>
</div>
<!--扩展信息-->
<div class="tab-pane" id="p_other">
<table class="table">
<tr>
	<td width="100">货号：</td>
    <td><input type="text" name="goodsno" value="{$data.goodsno}" /></td>
</tr>
<tr>
	<td>价格：</td>
    <td><input type="text" name="price" value="{$data.price}" /></td>
</tr>

<tr>
	<td>促销价：</td>
    <td><input type="text" name="lower_price" value="{$data.lower_price}" /></td>
</tr>

<tr>
	<td>市场价：</td>
    <td><input type="text" name="market_price" value="{$data.market_price}" /></td>
</tr>

<tr>
	<td>库存数量：</td>
    <td><input type="text" name="total_num" value="{$data.total_num}" /></td>
</tr>
<tr>
	<td>其他款式</td>
    <td>
    	 
        	<table class="table table-bordered">
            	<tr class="info">
                	<td width="200">款式名称</td>
                    <td width="80">价格</td>
                    <td width="80">库存</td>
                    <td width="80">销量</td>
                    <td  >操作</td>
                </tr>
                <tbody id="kslist">
                
                 
                </tbody>
                <tr class="ksitem" did="0">
                	<td><input type="text" class="ks-title w98" placeholder="款式名称"  > </td>
                    <td> <input type="text" class="ks-price w98" placeholder="价格"  ></td>
                    <td><input type="text" class="ks-total-num w98" placeholder="库存" ></td>
                    <td><input type="text" class="ks-buy-num w98" placeholder="销量" value="0"  ></td>
                    <td> <button type="button" class="ks-add btn btn-success"  >添加</button></td>
                </tr>
            </table>
        	 <script>
			 function kslist(){
				 $.get("{$appadmin}?m=shop_product_ks&a=jlist&object_id={$data.id}",function(data){
					 var html='';
					 for(var i=0;i<data.length;i++){
						html=html+'<tr class="ksitem" did="'+data[i].id+'"><td><input type="hidden" class="ks-id" value="'+data[i].id+'"><input type="text" class="ks-title w98" value="'+data[i].title+'" placeholder="款式名称" > </td> <td> <input type="text" class="ks-price w98" value="'+data[i].price+'" placeholder="价格"  ></td>  <td><input type="text" class="ks-total-num w98" value="'+data[i].total_num+'" placeholder="库存" ></td> <td><input type="text" class="ks-buy-num w98" value="'+data[i].buy_num+'" placeholder="销量"  readonly ></td> <td> <button type="button" class="ks-add btn btn-success"  >编辑</button> <button type="button" class="ks-del btn btn-success"  >删除</button> </td> </tr>'; 
					 }
					 $("#kslist").html(html);
				 },"json");
			 }
             $(function(){
				 kslist();
				$(document).on("click",".ks-add",function(){
					var obj=$(this).parents(".ksitem");
					if($(obj).find(".ks-title").val()=='' || $(obj).find(".ks-price").val()=='' ){
						skyToast('请完善信息');
						return false;
					}
					$.post("{$appadmin}?m=shop_product_ks&a=save&ajax=1",{
						object_id:"{$data.id}",
						id:$(obj).find(".ks-id").val(),
						title:$(obj).find(".ks-title").val(),
						price:$(obj).find(".ks-price").val(),
						total_num:$(obj).find(".ks-total-num").val(),
						buy_num:$(obj).find(".ks-buy-num").val()
					},function(data){
							skyToast('保存成功');
							if($(obj).attr("did")=="0"){
								kslist();
								$(obj).find(".ks-title").val('')
							}
					},"json")
				});
				
				$(document).on("click",".ks-del",function(){
					if(confirm('确认删除吗？')){
						var obj=$(this).parents(".ksitem");
						$.get("{$appadmin}?m=shop_product_ks&a=delete&ajax=1&id="+$(obj).find(".ks-id").val(),function(data){
							kslist();
						})
					}
				});
			 });
             </script>
         
    </td>
</tr>
<tr>
	<td>所属品牌：</td>
    <td>
    	{get data=t_c model=brand fun=id_title(array("where"=>"1=1"))}
        <select name="brand_id">
        	<option value="0">请选择</option>
        	{foreach item=c from=$t_c}
            <option value="{$c.id}" {if $c.id eq $data.brand_id} selected="selected"{/if}>{$c.title}</option>
            {/foreach}
        </select>
    </td>
</tr>



<tr>
	<td>重量：</td>
    <td><input type="text" name="weight" value="{$data.weight}" />kg(如1.5kg)</td>
</tr>

<tr>
	<td>销售数：</td>
    <td>{$data.buy_num}</td>
</tr>



<tr><td>相关产品：</td>
	<td><input type="text" style="width:600px;" name="product_ids"  value="{$data.product_ids}"/>(格式：1,2,3,4,5)</td>
</tr>

<tr>

	<td>相关文章</td>
	<td><input type="text" style="width:600px;" name="article_ids"  value="{$data.article_ids}"/>(格式：1,2,3,4,5)</td>
</tr>



<tr>
    <td align="right">图集：</td>
    <td>
    <div id="webuploader" url="{$appadmin}?m=imgs&tablename=product&object_id={$data.id}" class="webuploader">        
        <div   class="webuploader-select">选择图片</div>
    	<div  class="webuploader-list"></div>
        <div class="ks-list"  >
         </div>
     </div>
    
 
    </td>
  </tr>

 
 

</table>
</div>

<!--End 扩展信息-->
<!--属性开始-->
  <div class="tab-pane active" id="p_attr"  >
  <table class="table">
  	<tr><td width="100">产品属性</td><td>
    <select name="attr_cat_id" name="attr_cat_id" id="attr_cat_id">
    <option value="0">请选择</option>
    {foreach item=c key=k from=$attr_cat}
    <option value="{$k}" {if $data.attr_cat_id eq $k} selected="selected"{/if}>{$c}</option>
    {/foreach}
    </select></td></tr>
  </table>
   <div id="attr_html"></div>
  </div>
  <!--end属性-->


 

</div>
<div class="form-btns">
 <input type="button" name="button"  onclick="dataSubmit()" class="btn" value="提交"> 
</div>
</form>
</div>
<script>
function dataSubmit(){
	if($("#title").val()==""){
		$("#title").focus();
		skyToast('标题不能为空');
		return false;
	}
	if($("#catid").val()==0){
		$("#catid").focus();
		skyToast('请选择分类');
		return false;
	}
	
	$.post($("#data-form").attr("action")+"&ajax=1",$("#data-form").serialize(),function(data){
			skyToast('保存成功');
	});
	
}
function auto_post(){
	if($("#title").val().length>0 && $("#catid").val()>0){
		$.post($("#data-form").attr("action")+"&ajax=1",$("#data-form").serialize(),function(data){
			skyToast('自动保存成功');
		});
	}
	setTimeout(function(){
		auto_post();
	},20000)
}
  $(function(){
	 setTimeout(function(){
		 auto_post();
	 },20000);
  $('#myTab a').click(function (e) {
		e.preventDefault();
		$(this).tab('show');
	})	
	
/*初始化载入属性*/
	$.get("{$appadmin}?m=shop_product&a=attr&id={$data.id}&cat_id="+$("#attr_cat_id").val(),function(data){
				$("#attr_html").html(data);
				ajax_jsa();	
		});
	/*属性载入完毕*/
	
	$("#attr_cat_id").bind("change",function(){
		$.get("{$appadmin}?m=shop_product&a=attr&id={$data.id}&cat_id="+$(this).val(),function(data){
				$("#attr_html").html(data);
				ajax_jsa();	
		});
	});
	
	$(document).on("click",".attr_item_add",function(e){
		var obj=$(this).parent(".attr_item");
		var o_t=obj.find(".attr_item_list");
		var a_len=obj.find(".attr_item_li").length;
		var html=obj.find(".attr_item_copy").html();
		html = html.replace(/\[@\]/,"["+a_len+"]");
		obj.find(".attr_item_list").append('<div class="attr_item_li">'+html+'</li>');
	});
	
	$(document).live("click",".attr_item_remove",function(e){
		$(this).parents(".attr_item_li").remove();
	});
	
	
  });
	
</script>
<script language="javascript" src="/plugin/jquery/ajaxfileupload.js"></script>
<script language="javascript" src="/static/js/upload.js"></script>
<script type="text/javascript" src="/plugin/ueditor/ueditor.config.js?v2"></script>
<script type="text/javascript" src="/plugin/ueditor/ueditor_simple.js"></script>
<script language="javascript" src="/plugin/ueditor/ueditor.all.min.js?v2"></script>

<script language="javascript">
 
var editor=UE.getEditor('content',options)
</script>
{include file='footer.html'}